<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动场景1：图片与文字环绕</title>
		<style>
			img{
				/* 图片脱离文档流---文字包含在图片周边 */
				float: left;
				 margin-right: 50px;/* 图片与文字连接处间隙 */
				margin-bottom: 50px;/* 图片与文字连接处间隙 */
			}
			p{
				font-size: 16px;/* 页面默认字体尺寸 */
				line-height: 20px;/* 浮动文字，行高无法设定 */
				word-spacing: 20px;
			}
		</style>
	</head>
	<body>
		<h1>浮动之图片文字环绕</h1>
		<img src="img/蜡笔小新1.png" width="250px" height="250px" alt="小新" />
		<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veritatis voluptates libero quis dolore. Similique nobis nostrum molestiae perspiciatis voluptatibus aspernatur maxime, aliquam minus veritatis accusantium placeat deserunt enim fugit eos!lorem
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur asperiores odio optio quas consectetur at enim magni! A quo amet laborum odit expedita minima delectus maxime, debitis tenetur, id </p>
	</body>
</html>